.type{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    position: relative;
    &::-webkit-scrollbar {display:none}
        .hmxqHeader{
                background-color:#F9FAFB;
                width: 100%;
                height:37px;
                border-bottom: 1px solid black;
                display: flex;
                flex-direction: row;
                line-height: 37px;
                text-align: center;
                .ctn{
                    flex: 1;
                    font-size: 14px;
                    color:black;
                }
                .rt,.lt{
                width: 50px;
                height: 100%;
                color:#666;
                font-size:18px;
                font-weight:100;
                }
        }
    #content{
        flex: 1;
        background: #F1F1F1;
        position: relative;
        position: relative;
        .goodsnum{
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                font-size: 13px;
                background: #ff0056;
                color: white;
                position: fixed;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                z-index: 999;
                border-radius: 10px;
        }
        .goodsnumam{
            animation:myfirst 2s;
            -webkit-animation:myfirst 2s;
        } 
        @keyframes myfirst
        {
            from {
                background:red;
                opacity: 1;
            }
            to {
                background:yellow;
                right:300px;
                top:500px;
                opacity: 0;
            }
        }

        @-webkit-keyframes myfirst /* Safari and Chrome */
        {
            from {
                background:red;
                opacity: 1;
            }
            to {
                background:yellow;
                right:300px;
                top:500px;
                opacity: 0;
            }
        }
        .imgtop{
            width: 100%;
            img{
                width: 100%;
                height: 141px;
                display:block;
            }
            p{
                width: 100%;
                height: 30px;
                box-sizing: border-box;
                padding: 5px;
                line-height:20px;
                text-align: left;
                font-size: 12px;
                background: #595971;
                color: white;
            }
        }
        .hmxqcart{
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 25px;
            background:rgba(0,0,0,0.8);
            color: white;
            position: fixed;
            bottom:40px;
            left:10px;
            z-index: 999;
            border-radius:5px;
            font-weight: normal;
            span{
                width: 14px;
                height: 14px;
                line-height: 14px;
                position:absolute;
                background:#ff0056;
                color: white;
                top:5px;
                right: 5px;
                font-size: 12px;
                border-radius:7px;
                display: none;
            }
        }
        .backtop{
            width:40px;
            height:40px;
            line-height:10px;
            text-align: center;
            font-size:13px;
            background:rgba(0,0,0,0.5);
            color: white;
            position: fixed;
            bottom:40px;
            right:10px;
            z-index: 999;
            b{
            font-weight: normal;
            display: block;
            width: 100%;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 15px;
            }
            display:none;
            border-radius:30px;
        }
        .tp{
            width: 100%;
            height:34px;
            display: flex;
            flex-direction: row;
            border-bottom: 1px solid #666;
            margin: 0;
            background: white;
            a{
                text-decoration:none;
                flex: 1;
                line-height:34px;
                text-align: center;
                font-size: 12px;
                color: #666;
                &:nth-child(2){
                    border-left: 1px solid #666;
                    border-right: 1px solid #666;
                    color: #666;
                    box-sizing: border-box;
                }
            }
        }
        .Hbox{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            background: white;
            border-top: 1px solid #ccc;
            .div{
                width:50%;
                height: 237px;
                box-sizing: border-box;
                padding:8px; 
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative;
                .canver{
                    display: none;
                    width: 43px;
                    height: 43px;
                    background:rgba(0,0,0,0.4);
                    font-size:13px;
                    line-height: 43px;
                    text-align: center;
                    color: white;
                    border-radius:24px;
                    position: absolute;
                    left:50%;
                    top:50%;
                    margin-left: -24px;
                    margin-top: -24px;
                }
                &:nth-child(2n){ 
                    border-left: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }
                &:nth-child(2n+1){
                    border-bottom: 1px solid #ccc;
                }
                img{
                    width: 132px;
                    height: 158px;
                }
                p{
                    width: 94%;
                    height: 14px;
                    text-align: center;
                    line-height: 14px;
                    margin-top: 10px;
                    position: relative;
                    overflow: hidden;
                    .s1{
                            position: absolute;
                            font-weight: bold;
                            color: black;
                            height: 100%;
                            font-size: 13px;
                            text-align: left;
                            left: 0;
                            top: 0;
                            width: 40%;
                    }
                    .s2{
                            position: absolute;
                            color: #666;
                            width: 60%;
                            height: 100%;
                            font-size: 13px;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            left: 45%;
                            top: 0;
                    }
                }
                div{
                    width: 94%;
                    height: 26px;
                    margin-top: 3px;
                    font-size: 12px;
                    line-height: 26px;
                    clear:both;
                    .st{
                        float: left;
                        font-size: 20px;
                        color: #555;
                        display: block;
                        margin-right: 5px;
                        b{
                            font-weight: normal;
                            font-size: 12px;
                        }
                    }
                    .sc{
                        text-decoration:line-through;
                        color: #bbb;
                        font-size: 12px;
                        float: left;
                        display: block;
                        line-height: 30px;
                    }
                    .sm{
                        float: right;
                        color: #FF84AD;
                        font-size:22px;
                        display: block;
                    }
                }
            }
        }
    }
    .saixuan{
        width:100%;
        height: 100%;
        position: fixed;
        right:-100%;
        background: rgba(0, 0, 0,0.3);
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        .sxheader{
            width: 84%;
            height: 50px;
            background:white;
            text-align: center;
            line-height: 50px;
            font-size: 15px;
            display:flex;
            flex-direction: row;
            border-bottom: 10px solid #eee;
            .qux,.white{
                width: 50px;
                height: 100%;
            }
            .cnt{
                flex: 1
            }
        }
        .sxbox{
            width: 84%;
            flex: 1;
            background: white;
            border-bottom: 10px solid #eee;
            overflow: auto;
            &::-webkit-scrollbar {display:none};
            .fenkei{
                height: 30px;
                font-size: 14px;
                text-align: left;
                line-height: 30px;
                margin: 0 auto;
                width: 94%;
            }
            span{
                width: 80px;
                height: 20px;
                text-align: center;
                line-height: 20px;
                font-size: 13px;
                border: 1px solid #aaa;
                border-radius: 3px;
                display: inline-block;
                margin: 5px 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .active{
                border-color: #ff0056;
            }
        }
        .sxfooter{
            width: 84%;
            height: 120px;
            text-align: center;
            background: white;
            .sxbtn{
                    width: 86%;
                    height: 39px;
                    margin: 25px auto;
                    border: none;
                    background: #ff0056;
                    text-align: center;
                    line-height: 40px;
                    font-size: 16px;
                    color: white;
                    border-radius: 20px;
                    letter-spacing: 3px;
                    outline: none;
            }
        }
    }
}